<ul class="reply-list">
  <li *ngFor="let reply of replys">
    <app-reply-item [item]="reply" (onReplyTriggered)="onReplyTriggered($event, reply.author)">
    </app-reply-item>
  </li>
</ul>
<mdl-dialog #replyDialog [mdl-dialog-config]="{
              clickOutsideToClose: true,
              styles:{'width': '300px'},
              isModal:true,
              enterTransitionDuration: 400,
              leaveTransitionDuration: 400}" (show)="onDialogShow($event)" (hide)="onDialogHide()">
  <h3 class="mdl-dialog__title">评论</h3>
  <div class="mdl-dialog__content">
    <mdl-textfield type="text" label="评论..." rows="2" maxrows="2" [(ngModel)]="reply" floating-label autofocus></mdl-textfield>
  </div>
  <div class="mdl-dialog__actions">
    <button mdl-button (click)="submitReply()" mdl-button-type="raised" mdl-colored="primary" mdl-ripple>提交</button>
    <button mdl-button (click)="replyDialog.close()" mdl-ripple>取消</button>
  </div>
</mdl-dialog>